﻿body{
font-family:"Microsoft Yahei";
font-size:14px;
color:#5B5B5B; 
padding:0; 
margin:0;
}

input , textarea , select{
font-family:"Microsoft Yahei"; 
color:#5B5B5B; 
font-size:14px;
}

/*头部*/


.h_top .h_r_top{ 
height:10px; 
font-size:12px;
text-align:right ;
margin-left:700px;
}

.head{ 
width:100%; 
min-width:1200px;
margin:0px auto; 
height:130px;
}

.head .logo{ 
width:500px; 
height:58px; 
float:left; 
margin-top:12px;
margin-left:90px;
margin-right:120px;
}

.head .logo img{ 
width:491px; 
height:58px;  
float:left; 
vertical-align:top;
}

.head .head_r{ 
width:400px; 
float:right; 
text-align:right;
margin-right:5%;
}

.head_r .r_top{ 
width:100%; 
height:auto; 
line-height:auto; 
text-align:right; 
padding-top:18px;
}

.desk_line{
height:0px; 
border-top:solid 4px #FFF;
margin-top:8px; 
margin-right:28px; 
margin-bottom:10px; 
}

.r_top span,.r_top .search{ display:inline-block; *display:inline; zoom:1; width:auto;}
.r_top span{ font-size:auto; color:black;}
.r_top span b{ font-weight:normal;}

.nav{ min-width:1200px;text-align:left; margin-left:50px; margin-top:70px;}
.nav li{ display:inline-block; *display:inline; zoom:1; height:40px; border-bottom:2px solid #FFF; line-height:40px; margin-left:15px;}
.nav li a{ font-size:16px; color:#333; display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; padding:0px 22px;}
.nav li.now{ border-bottom:2px solid #F08400;}
.nav li.now a{ color:#F08400;}
.nav_m .n_icon{min-width:1200px; display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; color:#FFF; padding-left:50px; background:url(../images/nav_ico.png) no-repeat left center; position:absolute; right:10px; top:-40px; z-index:9999; cursor:pointer;display:none;}

.navi{ text-align:left; margin-left:82px; margin-top:70px;}
.navi li{ display:inline-block; *display:inline; zoom:1; height:40px; border-bottom:2px solid #FFF; line-height:40px; margin-left:15px;}
.navi li a{ font-size:16px; color:#333; display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; padding:0px 22px;}
.navi li.now{ border-bottom:2px solid #F08400;}
.navi li.now a{ color:#F08400;}


.i_mf{ width:100%;min-width:1200px; text-align:left;background:#3C7AC7;}
.i_mf{ min-width:1200px; margin:-20px auto; padding:20px 0;}
.i_mf ul{ width:100%;}
.i_mf ul li{ width:20%; float:left; height:190px; border:0px solid #ddd; margin-bottom:10px; position:relative; text-align:left;}
.i_mf ul li h6{ width:90%; margin:0px auto; height:30px; line-height:30px; font-size:15px; font-weight:bold; color:white; padding-top:0px;}
.i_mf ul li:hover .tu{-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.i_mf ul li p{ width:90%; margin:0px auto; font-size:14px; color:white; line-height:150%; height:80px; overflow:hidden;}

/*首页头部*/
.nav_m .navi  li:hover {
  background: #205da5;
}
.nav_m .navi  li:hover .erji {
  display: block;
}
.nav_m .navi  li:hover .erji5 {
  display: block;
}
.nav_m .navi  li:hover a {
  color: #fff;
} 
.nav_m .nav  li:hover {
  background: #205da5;
}
.nav_m .nav  li:hover .erji {
  display: block;
}
.nav_m .nav  li:hover .erji5 {
  display: block;
}
.nav_m .nav  li:hover a {
  color: #fff;
}
.erji {
  position: absolute;
  z-index: 9999;
  background: #205da5;
  color: #fff;
  top: 115px;
  width: 108px;
  padding: 10px 0px;
  display: none;
  filter:alpha(Opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
}
.erji a {
  color: #fff;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  font-size: 14px;
  width: 100%;
}
.erji a:hover {
  font-weight: 300;
  font-weight:bold;
}
.erji5 {
  position: absolute;
  z-index: 9999;
  background: #205da5;
  color: #fff;
  top: 115px;
  width: 124px;
  padding: 10px 0px;
  display: none;
  filter:alpha(Opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
}
.erji5 a {
  color: #fff;
  line-height: 28px;
  height: 28px;
  margin-left:-8px;
  overflow: hidden;
  font-size: 14px;
  width: 100%;
}
.erji5 a:hover {
  font-weight: 300;
  font-weight:bold;
}


/**标题**/
.i_name{ width:12%; text-align:center; margin:20px auto;}
.i_namec{ width:100%; text-align:center; margin:10px auto;}
.culture{ width:100%; margin:0px  auto;margin-top:0px;}
.advantages{ width:100%;min-width:1200px; margin:0px  auto;margin-top:100px;}
/**首页经典案例**/
.i_mb { width:1200px; margin:0px auto; padding:20px 0;}
.i_mb ul{ margin:0 5%}
.i_mb ul li{ float:left; margin-right:10px; margin-right:10px; margin-bottom:10px;}
.i_mb ul li img{ width:337px; height:150px; vertical-align:midden;}
.i_mb ul li p{ width:100%; height:45px; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#333333; text-align:center;}
.i_mb ul li a:hover p{ color:#FF8100;}
.i_mc { width:1200px; margin:0px auto; padding:20px 0;}
.i_mc ul{ margin:0 5%}
.i_mc ul li{ float:left; margin-right:10px; margin-bottom:10px;}
.i_mc ul li img{ width:337px; height:150px; vertical-align:midden;}
.i_mc ul li p{ width:100%; height:45px; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#333333; text-align:center;}
.i_mc ul li a:hover p{ color:#FF8100;}



.i_m .more{ width:98%; text-align:center;}
.i_m .more a{ display:inline-block; *display:inline; zoom:1; font-size:16px; color:#FF6500; height:30px; line-height:30px; border:1px solid #FF6500; padding:0 10px;}




/**产品展示**/
.i_mm{ width:100%;min-width:1200px; margin:0px auto; padding:0px;}
.i_mm ul{ width:68%;margin:0 15%}
.i_mm ul li{ width:33%;height:auto; float:left; margin-right:2px; margin-bottom:20px;}
.i_mm ul li img{ width:100%; height:auto; vertical-align:top;}
.i_mm ul li p{ width:100%; height:45px; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#333333; text-align:center;}
.i_mm ul li a:hover p{ color:#FF8100;}



/**首页新闻中心**/
.news{width:100%;min-width:1200px; margin:0px auto; padding:0px;}
.news ul{width:80%;height:auto;margin:0 10%}
.news .left{width:23%;height:auto; float:left; margin-right:2%;}
.news .right{width:46%;height:auto; float:left; margin-right:2%;}
.news li span img{ width:100%; height:auto;float:left;text-align: left;}
.news p{ height:auto; font-size:14px;color:#000000;float:left;}
.news li a{ color:#000000;}
.news li a:hover p{ color:#FF8100;}

/**新闻明细页面**/
.new_z dl{ height:200px;vertical-align:center;}
.new_z dl dt, .new_z dl dt img{ width:300px; height:153px;float:left;}
.new_z dl dd{ width:600px; margin-top:5px;float:right;}
.new_z dl dd .title em{ font-size:12px;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/**首页公司介绍**/
.us{width:100%;min-width:1200px; margin:0px auto; padding:0px;}
.us ul{width:70%;height:auto;margin:0 15%}
.us .left{width:30%;height:auto; float:left; margin-right:5%}
.us .right{width:60%;height:auto; float:left; }
.us li span img{ width:100%; height:auto; text-align: center;}

/**首页底部二维码**/
.f_bg{ width:100%;min-width:1200px;  height:180px;margin-top:30px; background:#EEEEEE}
.foot_left{ width:30%; float:left; margin-left:5%;margin-top:10px;}
.foot_midden{ width:20%; float:left;}
.foot_right{ width:38%; float:left;}
.foot-box-right{ float:right;}
.f_nan ul{ width:100%;text-align:center;}
.f_nan li img{ width:50%; height:auto; vertical-align:center;margin-top:10px;}
/**其它页底部二维码**/
.f_bgo{ width:100%;min-width:1200px;  height:190px;margin-top:30px; background:#EEEEEE}
.footo_left{ width:30%; float:left; margin-left:5%;margin-top:10px;}
.footo_midden{ width:20%; float:left;}
.footo_right{ width:40%;min-width:450px; height:190px; float:left;}
.box-left-h3{ height:40px; line-height:40px; font-size:15px;color:#000000;}
.box-right-h3{ height:30px; line-height:30px; font-size:15px;color:#000000; vertical-align:center;}
.box-left-h31{ height:50px; line-height:50px; font-size:15px;color:#000000;}
.box-right-h31{ height:40px; line-height:40px; font-size:15px;color:#000000; vertical-align:center;}
.footo_right p{ height:25px; line-height:25px; color:#000000;}


.bq_bg{ width:100%;min-width:1200px; background:#3C7AC7; height:28px; }
.bq_bg ul { width:98%;min-width:1200px;margin:auto;text-align:center; }
.bq_bg .bq2{ width:100%;min-width:1200px;text-align:center; }
.bq_bg ul li p{ width:100%;min-width:1200px; height:28px; line-height:28px; text-align:center; vertical-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:white;}

.bq_bgo{ width:100%;min-width:1200px; background:#3C7AC7; height:38px; }
.bq_bgo ul { width:98%;min-width:1200px;margin:auto; height:28px;text-align:center; }
.bq_bgo .bq2o{ width:100%;min-width:1200px;text-align:center; }
.bq_bgo ul li p{ width:100%;min-width:1200px; height:28px; line-height:28px; text-align:center; vertical-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:white;}



.bq{ width:100%;min-width:1200px; margin:0px auto; text-align:center; font-size:14px; color:#FFF;}
.banner_s{ width:100%; height:260px; min-width:1200px; margin:0px auto; overflow:hidden;}
.banner_s img{ width:1920px; height:260px; vertical-align:top;float:left;}
.scd{ width:100%;width:1200px; margin:0px auto; padding-bottom:20px;display:inline-block;}
.scd .scd_l{ width:20%;min-width:200px; height:auto; float:left;  margin-top:20px; background:url(../images/bg_a.png) no-repeat;}
.scd .scd_r{ width:70%;min-width:950px; height:auto; float:left; margin-top:-5px; }
.scd_l .name{ width:100%; text-align:center; padding:30px 0;}
.scd_l .s_nav{ width:100%;}
.scd_l .s_nav li{ width:201px; height:42px; background:url(../images/line.jpg) no-repeat left bottom; float:l; margin-right:1px;}
.scd_l .s_nav li b{ display:block; width:181px; height:40px; padding-left:10px; text-align:left; line-height:40px; font-size:16px; color:#552F00;}
.scd_l .s_nav li a{ display:block; width:181px; height:40px; padding-left:20px; text-align:left; line-height:30px; font-size:14px; color:#552F00;}
.scd_l .s_nav li.now a,.scd_l .s_nav li:hover a{ background:#A25425; color:#FFF;}
.scd_l .s_nav li a span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; padding-left:15px; background:url(../images/icon3.png) no-repeat left center;}
.scd_l .s_nav li.now a span,.scd_l .s_nav li:hover a span{ color:#FFF; background:url(../images/icon2.png) no-repeat left center;}
.scd_r .r_title{ width:100%; text-align:center; padding-top:10px; height:45px; line-height:45px; border-bottom:1px solid #ccc; font-size:30px; color:#000000;}
.scd_r p{ margin-top:10px;}
.scd_r .scd_m{ width:100%; padding:28px 0; font-size:14px; color:#999999; line-height:215%;background:#fff;}
.scd_r .scd_j{ width:100%; padding:28px 0; font-size:14px; color:#999999; line-height:215%;background:#F2F2F2;}
.scd_r .product{ width:940px; font-size:14px; color:#555555; line-height:255%;margin-top:30px;}
.pro{ width:100%;}
.pro li{ width:300px; height:280px; float:left; margin-bottom:28px; border:1px solid #ddd; margin-right:19px; position:relative;}
.pro li:hover{ border:1px solid #7F604E;}
.pro li img{ width:300px; height:262px;}
.pro li .des{ width:302px; height:63px; background:url(../images/bg_b.png) repeat; position:absolute; left:-1px; bottom:-1px; z-index:99; text-align:center;}
.pro li .des p{ width:96%; margin:0px auto; height:30px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFF;}
.pro li .des a{ display:inline-block; *display:inline; zoom:1; width:80px; height:23px; border:1px solid #FFFF00; background:#481D03; text-align:center; line-height:23px; color:#FFFF00; font-size:12px;}
.pages{ width:800px; height:30px; line-height:30px; text-align:center;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; margin:0 5px; font-size:16px; color:#555;}
.pages a.now,.pages a:hover{ color:#E15400;}
.pages a.bg{ width:70px; text-align:center; color:#FFF; background:#646464; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.pages a.bg:hover{ color:#FFF; background:#913701;}
.service{ width:100%;}
.service dt,.service dt img{ width:407px; height:386px; float:left; vertical-align:top;}
.service dd{ width:530px; float:right; text-align:left;}
.service dd p{ text-indent:2em;}
.about{ width:100%; font-size:14px; color:#555555; line-height:255%;}
.contact{ width:100%;}
.contact h1{ width:100%; text-align:center; padding:10px 0 25px; font-size:24px; color:#993900; font-weight:normal;}
.contact dl{ width:100%;}
.contact dl dt{ width:185px; height:274px; float:right; margin-right:150px;}
.contact dl dt img{ width:185px; height:274px; vertical-align:top;}
.contact dl dd{ width:440px; float:left; text-align:left; font-size:16px; color:#555555; line-height:300%;}
.contact .map{ width:100%; margin-top:20px;}
.contact .map img{ width:100%; height:auto; vertical-align:top;}
.sj_sp{ display:none;}
.slidegrid {float: left;position: relative;overflow: hidden;}
.slideitems {width: 20000000em;position: absolute;}
.slideitems li {float: left;}
.mainPhoto {width:320px;height: 150px;margin: 0 auto;position: relative;	overflow: hidden}
.mainPhoto span.goleft, .mainPhoto span.goright {display: block;width:38px;height:74px;position: absolute;top: 30px;}
.mainPhoto span.goleft {left: 0; background:url(../images/prev_1.png) no-repeat;}
.mainPhoto span.goright {right: 0; background:url(../images/next_1.png) no-repeat;}
.mainPhoto .go {width:240px;height:128px;position: relative;left:40px;overflow: hidden}
.mainPhoto .go li {width:240px;height:128px;margin-right: 5px;overflow: hidden}
.mainPhoto .go li img{ width:240px; height:128px; vertical-align:top;}


.event_box{width:1000px; margin:18px auto 0 auto; padding:10px 0;}
.event_year{width:60px; border-bottom:2px solid #DDD; text-align:center; float:left; margin-top:10px;margin-left:40px;}
.event_year li {height:40px; line-height:40px; background:#fff; margin-bottom:1px; font-size:18px; color:#828282; cursor:pointer;}
.event_year li label{font-size:18px; color:#828282; cursor:pointer; font-family:Helvetica;}
.event_year li.current {width:61px; background:#0066ff url(../images/jian.png) 60px 0 no-repeat; color:#fff; text-align:left; padding-left:9px;}
.event_year li.current label{color:#fff;}
.event_list{width:850px; float:right; background:url(../images/dian3.png) 139px 0 repeat-y; margin:10px 20px 20px 0;}
.event_list h3{font-weight:bold; margin:0 0 10px 132px; font-size:24px; font-family:Georgia; color:#000; padding-left:25px; background:url(../images/jian.png) 0 -45px no-repeat; height:38px; line-height:30px; font-style:italic;}
.event_list li{background:url(../images/jian.png) 136px -80px no-repeat;}
.event_list li span{width:127px; text-align:right; display:block; float:left; margin-top:10px; font-size:14px;}
.event_list li p{width:580px; margin:0px 0px 0px 24px; display:inline-block; padding-left:10px; background:url(../images/jian.png) -21px 0 no-repeat; _float:left;}
.event_list li p span{width:580px; color:#555; text-align:left;  border-bottom:2px solid #ddd; padding:5px 15px; background:#fff; margin:0px 0px 10px 0px;}
